{% load static %}
{#底部分页按钮显示#}
<div>
    <div>
        共<span>{{ pt }}</span>条记录，总 <span>{{ pn }}</span> 页
    </div>
    <div>
    </div>
</div>


<nav aria-label="Page navigation example">
    <ul class="pagination flex-wrap pagination-sm">
        <li  {% ifequal cp 1 %} class="page-item" {% endifequal %}><a class="page-link" href="{% url "webList_page" Categoryid=Categoryid page=ppn %}">&laquo;</a>
        </li>
        <li><a class="page-link" href="{% url "webList_page" Categoryid=Categoryid page=1 %}"><div style="display: inline-block;width:30px;height:24px;"><img style="width: auto;height: 100%"  src="{% static "admin/img/shouhui2-icons.svg" %}"></div>首页</a></li>
        {% for p in pr %}
            <li {% ifequal cp p %} class="page-item active" {% endifequal %}><a class="page-link" href="{% url "webList_page" Categoryid=Categoryid page=p %}">{{ p }}</a>
            </li>
        {% endfor %}
        <li><a class="page-link" href="{% url "webList_page" Categoryid=Categoryid page=pn %}">尾页</a></li>
        <li {% ifequal cp pn %} class="page-item" {% endifequal %}><a class="page-link" href="{% url "webList_page" Categoryid=Categoryid page=npn %}">&raquo;</a>
        </li>
    </ul>

</nav>